@quidgest/ui 0.25.0 → 0.26.0

package/dist/ui.min.js

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.25.0
+ * Quidgest UI v0.26.0
  * (c) 2026 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -209,8 +209,8 @@ return(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",zt,[(0,t.createVN
 return n({fieldRef:a}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{id:o.id,class:(0,t.normalizeClass)(r.value)},[o.label?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Ot),{key:0,class:"q-field__label",label:o.label,"label-position":o.labelPosition,for:o.for,required:d.value},{prepend:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"label.prepend")]),append:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"label.append")]),_:3},8,["label","label-position","for","required"])):(0,t.createCommentVNode)("",!0),(0,t.renderSlot)(e.$slots,"control",{},()=>[(0,t.createElementVNode)("div",(0,t.mergeProps)({ref:"field",class:"q-field__control"},e.$attrs),[e.$slots.prepend?((0,t.openBlock)(),(0,t.createElementBlock)("div",Kt,[(0,t.renderSlot)(e.$slots,"prepend")])):(0,t.createCommentVNode)("",!0),(0,t.renderSlot)(e.$slots,"default"),e.$slots.append?((0,t.openBlock)(),(0,t.createElementBlock)("div",Yt,[(0,t.renderSlot)(e.$slots,"append")])):(0,t.createCommentVNode)("",!0)],16)]),e.$slots.extras?((0,t.openBlock)(),(0,t.createElementBlock)("div",Zt,[(0,t.renderSlot)(e.$slots,"extras")])):(0,t.createCommentVNode)("",!0)],10,Wt))}})),Jt={clearValue:"Clear value"},en={clear:{icon:"close"}},tn=B((0,t.defineComponent)({__name:"QClearButton",props:{id:{},class:{},icons:{default:()=>en},texts:{default:()=>Jt}},emits:["click"],setup(e,{emit:n}){const o=e,a=n
 function d(e){a("click",e)}return(e,n)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Ce),{id:o.id,class:(0,t.normalizeClass)(["q-clear-btn",o.class]),"aria-label":o.texts.clearValue,variant:"ghost",color:"neutral",borderless:"",tabindex:-1,onClick:d},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(Re),(0,t.normalizeProps)((0,t.guardReactiveProps)(o.icons.clear)),null,16)]),_:1},8,["id","class","aria-label"]))}})),nn=["id","type","maxlength","required","placeholder","readonly","disabled"],on=(0,t.defineComponent)({inheritAttrs:!1,__name:"QTextField",props:(0,t.mergeModels)({id:{},class:{},label:{},required:{type:Boolean},for:{},labelPosition:{},size:{},readonly:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},placeholder:{},maxLength:{},clearable:{type:Boolean},type:{default:"text"},texts:{}},{modelValue:{},modelModifiers:{}}),emits:(0,t.mergeModels)(["click:clear"],["update:modelValue"]),setup(e,{expose:n,emit:o}){const a=e,d=o,r=(0,t.useModel)(e,"modelValue"),l=(0,t.computed)({get:()=>r.value,set:e=>{const t=a.maxLength
 r.value=t?e?.slice(0,t):e}});(0,t.watch)(r,e=>l.value=e,{immediate:!0})
-const i=Je((0,t.toRef)(a,"id")),s=(0,t.useTemplateRef)("field"),u=(0,t.useTemplateRef)("input"),c=(0,t.computed)(()=>a.readonly||a.disabled?void 0:a.placeholder),f=(0,t.computed)(()=>a.clearable&&!a.readonly&&!a.disabled),m=(0,t.computed)(()=>f.value&&r.value)
-function p(e){f.value&&(r.value="",d("click:clear",e))}return n({fieldRef:(0,t.computed)(()=>s.value?.fieldRef),inputRef:u}),(e,n)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Xt),{ref:"field",class:(0,t.normalizeClass)(["q-text-field",a.class]),for:(0,t.unref)(i),label:a.label,"label-position":a.labelPosition,size:a.size,readonly:a.readonly,disabled:a.disabled,required:a.required,invalid:a.invalid},(0,t.createSlots)({"label.prepend":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"label.prepend")]),"label.append":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"label.append")]),default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)("input",(0,t.mergeProps)({id:(0,t.unref)(i),ref:"input","onUpdate:modelValue":n[0]||(n[0]=e=>l.value=e),class:"q-text-field__input",type:a.type,maxlength:a.maxLength,required:a.required,placeholder:c.value,readonly:a.readonly,disabled:a.disabled},e.$attrs),null,16,nn),[[t.vModelDynamic,l.value]])]),_:2},[e.$slots.prepend?{name:"prepend",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"prepend")]),key:"0"}:void 0,e.$slots.append||m.value?{name:"append",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"append"),m.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(tn),{key:0,"data-testid":"q-text-field__clear-button",texts:a.texts,onClick:p},null,8,["texts"])):(0,t.createCommentVNode)("",!0)]),key:"1"}:void 0,e.$slots.extras?{name:"extras",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"extras")]),key:"2"}:void 0]),1032,["class","for","label","label-position","size","readonly","disabled","required","invalid"]))}}),an={...Jt},dn=B(on),rn=["readonly","disabled","aria-label"],ln=B((0,t.defineComponent)({inheritAttrs:!1,__name:"QColorPicker",props:(0,t.mergeModels)({id:{},class:{},placeholder:{},label:{},size:{default:"small"},readonly:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean},texts:{default:()=>Gt}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const n=e,o=(0,t.useModel)(e,"modelValue"),a=(0,t.ref)(""),d=(0,t.ref)(""),r=(0,t.computed)(()=>n.readonly||n.disabled)
+const i=Je((0,t.toRef)(a,"id")),s=(0,t.useTemplateRef)("field"),u=(0,t.useTemplateRef)("input"),c=(0,t.computed)(()=>`${i.value}_input`),f=(0,t.computed)(()=>a.readonly||a.disabled?void 0:a.placeholder),m=(0,t.computed)(()=>a.clearable&&!a.readonly&&!a.disabled),p=(0,t.computed)(()=>m.value&&r.value)
+function v(e){m.value&&(r.value="",d("click:clear",e))}return n({fieldRef:(0,t.computed)(()=>s.value?.fieldRef),inputRef:u}),(e,n)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Xt),{id:(0,t.unref)(i),ref:"field",class:(0,t.normalizeClass)(["q-text-field",a.class]),for:c.value,label:a.label,"label-position":a.labelPosition,size:a.size,readonly:a.readonly,disabled:a.disabled,required:a.required,invalid:a.invalid},(0,t.createSlots)({"label.prepend":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"label.prepend")]),"label.append":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"label.append")]),default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)("input",(0,t.mergeProps)({id:c.value,ref:"input","onUpdate:modelValue":n[0]||(n[0]=e=>l.value=e),class:"q-text-field__input",type:a.type,maxlength:a.maxLength,required:a.required,placeholder:f.value,readonly:a.readonly,disabled:a.disabled},e.$attrs),null,16,nn),[[t.vModelDynamic,l.value]])]),_:2},[e.$slots.prepend?{name:"prepend",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"prepend")]),key:"0"}:void 0,e.$slots.append||p.value?{name:"append",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"append"),p.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(tn),{key:0,"data-testid":"q-text-field__clear-button",texts:a.texts,onClick:v},null,8,["texts"])):(0,t.createCommentVNode)("",!0)]),key:"1"}:void 0,e.$slots.extras?{name:"extras",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"extras")]),key:"2"}:void 0]),1032,["id","class","for","label","label-position","size","readonly","disabled","required","invalid"]))}}),an={...Jt},dn=B(on),rn=["readonly","disabled","aria-label"],ln=B((0,t.defineComponent)({inheritAttrs:!1,__name:"QColorPicker",props:(0,t.mergeModels)({id:{},class:{},placeholder:{},label:{},size:{default:"small"},readonly:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean},texts:{default:()=>Gt}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const n=e,o=(0,t.useModel)(e,"modelValue"),a=(0,t.ref)(""),d=(0,t.ref)(""),r=(0,t.computed)(()=>n.readonly||n.disabled)
 function l(e){return D(e,!0)}function i(e){const t=e.target
 o.value=l(t.value)?t.value:""}function s(){l(d.value)?o.value=d.value:(o.value="",d.value="")}return(0,t.watch)(o,function(e){e&&l(e)?a.value=e:a.value="#000000"},{immediate:!0}),(0,t.watch)(o,function(e){e&&l(e)?d.value=e:d.value=""},{immediate:!0}),(e,o)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(dn),{id:n.id,modelValue:d.value,"onUpdate:modelValue":o[2]||(o[2]=e=>d.value=e),"max-length":7,class:(0,t.normalizeClass)(["q-color-picker",n.class]),label:n.label,size:n.size,readonly:n.readonly,disabled:n.disabled,required:n.required,placeholder:n.placeholder,onChange:s},(0,t.createSlots)({"label.prepend":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"label.prepend")]),"label.append":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"label.append")]),prepend:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"prepend"),(0,t.withDirectives)((0,t.createElementVNode)("input",(0,t.mergeProps)({"onUpdate:modelValue":o[0]||(o[0]=e=>a.value=e),type:"color",class:"q-color-picker__swatch",readonly:n.readonly,disabled:r.value,"aria-label":n.texts.selectColor},e.$attrs,{onChange:i,onClick:o[1]||(o[1]=(0,t.withModifiers)(()=>{},["stop"]))}),null,16,rn),[[t.vModelText,a.value]])]),_:2},[e.$slots.append?{name:"append",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"append")]),key:"0"}:void 0,e.$slots.extras?{name:"extras",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"extras")]),key:"1"}:void 0]),1032,["id","modelValue","class","label","size","readonly","disabled","required","placeholder"]))}})),sn={...Jt,noData:"No data available",showOptions:"Show options"},un={...y,...en},cn=(0,t.defineComponent)({__name:"QList",props:{id:{},class:{},modelValue:{},highlighted:{},items:{},groups:{default:()=>[]},selectable:{type:Boolean},selectOnTab:{type:Boolean,default:!0},multiple:{type:Boolean},disabled:{type:Boolean},required:{type:Boolean},itemValue:{default:"key"},itemLabel:{default:"label"}},emits:["update:modelValue","click","mouseenter:item"],setup(e,{expose:n,emit:o}){const a=e,d=o,r=(0,t.ref)(!1),l=(0,t.computed)(()=>i.value.length>1?"div":"ul"),i=(0,t.computed)(()=>a.groups.length?a.groups.filter(e=>a.items?.some(t=>t.group===e.id)):[{id:"",title:""}]),{active:s}=p({active:(0,t.toRef)(a,"modelValue"),required:(0,t.toRef)(a,"required"),multiple:(0,t.toRef)(a,"multiple")}),u=(0,t.ref)(null),c=(0,t.ref)(null)
 function f(){r.value=!0}function m(){r.value=!1}function v(e){if(!a.items)return
@@ -1603,7 +1603,7 @@ const r=(0,t.computed)(()=>"start"===n.labelPlacement?"append":"prepend"),l=(0,t
 function i(e){(n.readonly||n.disabled)&&["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e.key)&&e.preventDefault()}function s(e){(n.readonly||n.disabled)&&e.preventDefault()}function u(e){n.readonly||n.disabled?e.preventDefault():d?.toggle()}function c(){a.value?.focus()}return(a,f)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Ot),{for:(0,t.unref)(o),class:(0,t.normalizeClass)(l.value),label:n.label,tabindex:n.disabled?void 0:-1,onMousedown:(0,t.withModifiers)(c,["prevent"]),onClick:u},(0,t.createSlots)({[r.value]:(0,t.withCtx)(()=>[(0,t.createElementVNode)("input",(0,t.mergeProps)({id:(0,t.unref)(o),ref:"inputEl",checked:(0,t.unref)(d).isActive.value,type:"radio",class:"q-radio-button__input",name:n.name,value:e.value,disabled:n.disabled,readonly:n.readonly},a.$attrs,{onChange:f[0]||(f[0]=(...e)=>(0,t.unref)(d).toggle&&(0,t.unref)(d).toggle(...e)),onClick:(0,t.withModifiers)(s,["stop"]),onKeydown:i}),null,16,Uu),"end"===n.labelPlacement?(0,t.renderSlot)(a.$slots,"default",{key:0}):(0,t.createCommentVNode)("",!0)]),_:2},["start"===n.labelPlacement?{name:"prepend",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(a.$slots,"default")]),key:"0"}:void 0]),1032,["for","class","label","tabindex"]))}}),Hu=["id"],Gu=(0,t.defineComponent)({inheritAttrs:!1,__name:"QRadioGroup",props:(0,t.mergeModels)({id:{},class:{},label:{},required:{type:Boolean},for:{},labelPosition:{default:"topleft"},readonly:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},name:{},orientation:{default:"vertical"},size:{},columns:{default:1},hasFocusOutline:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const n=e,o=(0,t.useModel)(e,"modelValue"),{active:a}=p({active:o,required:!0});(0,t.watch)(a,e=>{o.value=e})
 const d=Je((0,t.toRef)(n,"id")),r=(0,t.computed)(()=>n.name??d.value),l=(0,t.computed)(()=>["q-radio-group",{"q-radio-group--horizontal":"horizontal"===n.orientation,"q-radio-group--focus-style":n.hasFocusOutline},n.class]),i=(0,t.computed)(()=>n.columns>1?{"--q-radio-group-columns":n.columns}:{})
 return c({QRadioButton:{size:(0,t.toRef)(n,"size"),disabled:(0,t.toRef)(n,"disabled"),readonly:(0,t.toRef)(n,"readonly"),invalid:(0,t.toRef)(n,"invalid"),name:r}}),(e,o)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Xt),{for:(0,t.unref)(d),class:(0,t.normalizeClass)(l.value),label:n.label,"label-position":n.labelPosition,required:n.required,readonly:n.readonly,disabled:n.disabled,invalid:n.invalid},(0,t.createSlots)({control:(0,t.withCtx)(()=>[(0,t.createElementVNode)("div",(0,t.mergeProps)({id:(0,t.unref)(d),class:["q-radio-group__group",{"q-radio-group--grid":n.columns>1}],role:"radiogroup",style:i.value},e.$attrs),[(0,t.renderSlot)(e.$slots,"default")],16,Hu)]),_:2},[e.$slots.extras?{name:"extras",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"extras")]),key:"0"}:void 0]),1032,["for","class","label","label-position","required","readonly","disabled","invalid"]))}}),Wu=B(Qu),Ku=B(Gu),Yu=["id"],Zu={key:0,class:"q-section__title"},Xu={class:"q-section__content"},Ju=B((0,t.defineComponent)({__name:"QSection",props:{id:{},class:{},title:{},borderless:{type:Boolean},variant:{default:"default"},block:{type:Boolean}},setup(e){const n=e,o=(0,t.computed)(()=>["q-section","default"===n.variant?void 0:`q-section--${n.variant}`,{"q-section--block":n.block,"q-section--borderless":n.borderless},n.class])
-return(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{id:n.id,class:(0,t.normalizeClass)(o.value)},[n.title?((0,t.openBlock)(),(0,t.createElementBlock)("div",Zu,(0,t.toDisplayString)(n.title),1)):(0,t.createCommentVNode)("",!0),(0,t.createElementVNode)("div",Xu,[(0,t.renderSlot)(e.$slots,"default")])],10,Yu))}})),ec={ref:"items",class:"q-sidebar__items"},tc=(0,t.defineComponent)({__name:"QSidebarAnchor",props:{anchorWidth:{},modelValue:{},items:{}},setup(e,{expose:n}){const o=e
+return(e,a)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{id:n.id,class:(0,t.normalizeClass)(o.value)},[n.title?((0,t.openBlock)(),(0,t.createElementBlock)("div",Zu,[(0,t.renderSlot)(e.$slots,"title.prepend"),(0,t.createTextVNode)(" "+(0,t.toDisplayString)(n.title)+" ",1),(0,t.renderSlot)(e.$slots,"title.append")])):(0,t.createCommentVNode)("",!0),(0,t.createElementVNode)("div",Xu,[(0,t.renderSlot)(e.$slots,"default")])],10,Yu))}})),ec={ref:"items",class:"q-sidebar__items"},tc=(0,t.defineComponent)({__name:"QSidebarAnchor",props:{anchorWidth:{},modelValue:{},items:{}},setup(e,{expose:n}){const o=e
 n({itemsEl:(0,t.useTemplateRef)("items")})
 const a=(0,t.computed)(()=>{if(void 0!==o.anchorWidth)return{width:`calc(${o.anchorWidth}px * var(--q-density-scale))`}}),d=(0,t.ref)({height:"0",transform:"translateY(0)",opacity:"0",transition:"transform 0.3s ease, height 0.3s ease, opacity 0.2s ease"})
 function r(){d.value={...d.value,opacity:"0",height:"0"}}function l(){if(!o.modelValue)return void r()
@@ -1628,7 +1628,8 @@ if(!o)throw new Error("QSidebarItem: Failed to retrieve sidebar context. Ensure
 const a=Je((0,t.toRef)(n,"value")),d=Je((0,t.toRef)(n,"id")),r=Je(),l=v(a)
 if(!l)throw new Error("QSidebarItem: Failed to retrieve group item. Ensure the component is used within a QSidebar context.")
 const i=o,s=l,u=(0,t.useTemplateRef)("anchor"),c=(0,t.computed)(()=>i.anchorItemsEl.value),f=(0,t.computed)(()=>"left"===i.position.value?"right":"left"),m=(0,t.computed)(()=>"left"===i.position.value?"slide-right":"slide-left")
-function p(){s.toggle(),i.onItemClick(a.value)}function $(){i.onPanelAfterLeave()}return(0,t.onBeforeMount)(()=>{i.register({value:a.value,resizable:(0,t.toRef)(n,"resizable"),initialWidth:(0,t.toRef)(n,"initialWidth"),minWidth:(0,t.toRef)(n,"minWidth"),maxWidth:(0,t.toRef)(n,"maxWidth"),anchorRef:u})}),(0,t.watch)(a,(e,t)=>{e!==t&&i.updateValue(t,e)}),(0,t.onBeforeUnmount)(()=>{i.unregister(a.value)}),(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[c.value?((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{key:0,to:c.value},[(0,t.createVNode)((0,t.unref)(rc),{id:(0,t.unref)(d),ref:"anchor","data-testid":"q-sidebar-panel-button",borderless:"","icon-pos":"top",class:(0,t.normalizeClass)(["q-sidebar__item",n.class]),"model-value":(0,t.unref)(s).isActive.value,"aria-controls":(0,t.unref)(r),label:(0,t.unref)(i).showLabels.value?n.title:void 0,title:(0,t.unref)(i).showLabels.value?void 0:n.title,"onUpdate:modelValue":p},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"anchor",{},()=>[n.icon?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Re),(0,t.normalizeProps)((0,t.mergeProps)({key:0},n.icon)),null,16)):(0,t.createCommentVNode)("",!0)])]),_:3},8,["id","class","model-value","aria-controls","label","title"])],8,["to"])):(0,t.createCommentVNode)("",!0),(0,t.createVNode)(t.Transition,{name:m.value,css:(0,t.unref)(i).animatePanel.value,onAfterLeave:$},{default:(0,t.withCtx)(()=>[(0,t.unref)(s).isActive.value?((0,t.openBlock)(),(0,t.createBlock)(mc,{key:0,id:(0,t.unref)(r),"aria-labelledby":(0,t.unref)(d),title:n.title,resizable:n.resizable,"show-grip":n.showGrip,"resize-position":f.value,"onResize:start":(0,t.unref)(i).onResizeStart,onResize:(0,t.unref)(i).onPanelResize,"onResize:end":(0,t.unref)(i).onResizeEnd},(0,t.createSlots)({content:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"default")]),_:2},[e.$slots["header.prepend"]?{name:"header.prepend",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"header.prepend")]),key:"0"}:void 0,e.$slots.header?{name:"header",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"header")]),key:"1"}:void 0,e.$slots["header.append"]?{name:"header.append",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"header.append")]),key:"2"}:void 0,e.$slots.footer?{name:"footer",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"footer")]),key:"3"}:void 0]),1032,["id","aria-labelledby","title","resizable","show-grip","resize-position","onResize:start","onResize","onResize:end"])):(0,t.createCommentVNode)("",!0)]),_:3},8,["name","css"])],64))}}),vc=B(dc),$c=B(pc),hc=Symbol("q-tabs"),gc=["id"],yc={ref:"tabListHost",class:"q-tabs__list"},bc={class:"q-tabs__panels"},kc=(0,t.defineComponent)({__name:"QTabs",props:(0,t.mergeModels)({id:{},class:{},direction:{default:"horizontal"},align:{default:"start"},variant:{default:"line"},disabled:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const n=e,o=(0,t.useModel)(e,"modelValue"),a=(0,t.useTemplateRef)("tabListHost"),d=(0,t.useTemplateRef)("overflowRef"),r=(0,t.computed)(()=>d.value?.contentEl??null),l=(0,t.shallowRef)([]),i=(0,t.ref)({width:"0",height:"0",transform:"translate(0, 0)",opacity:"0"}),s=(0,t.ref)(!1)
+function p(){s.toggle(),i.onItemClick(a.value)}function $(){i.onPanelAfterLeave()}return(0,t.onBeforeMount)(()=>{i.register({value:a.value,resizable:(0,t.toRef)(n,"resizable"),initialWidth:(0,t.toRef)(n,"initialWidth"),minWidth:(0,t.toRef)(n,"minWidth"),maxWidth:(0,t.toRef)(n,"maxWidth"),anchorRef:u})}),(0,t.watch)(a,(e,t)=>{e!==t&&i.updateValue(t,e)}),(0,t.onBeforeUnmount)(()=>{i.unregister(a.value)}),(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[c.value?((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{key:0,to:c.value},[(0,t.createVNode)((0,t.unref)(rc),{id:(0,t.unref)(d),ref:"anchor","data-testid":"q-sidebar-panel-button",borderless:"","icon-pos":"top",class:(0,t.normalizeClass)(["q-sidebar__item",n.class]),"model-value":(0,t.unref)(s).isActive.value,"aria-controls":(0,t.unref)(r),label:(0,t.unref)(i).showLabels.value?n.title:void 0,title:(0,t.unref)(i).showLabels.value?void 0:n.title,"onUpdate:modelValue":p},{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"anchor",{},()=>[n.icon?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Re),(0,t.normalizeProps)((0,t.mergeProps)({key:0},n.icon)),null,16)):(0,t.createCommentVNode)("",!0)])]),_:3},8,["id","class","model-value","aria-controls","label","title"])],8,["to"])):(0,t.createCommentVNode)("",!0),(0,t.createVNode)(t.Transition,{name:m.value,css:(0,t.unref)(i).animatePanel.value,onAfterLeave:$},{default:(0,t.withCtx)(()=>[(0,t.unref)(s).isActive.value?((0,t.openBlock)(),(0,t.createBlock)(mc,{key:0,id:(0,t.unref)(r),"aria-labelledby":(0,t.unref)(d),title:n.title,resizable:n.resizable,"show-grip":n.showGrip,"resize-position":f.value,"onResize:start":(0,t.unref)(i).onResizeStart,onResize:(0,t.unref)(i).onPanelResize,"onResize:end":(0,t.unref)(i).onResizeEnd},(0,t.createSlots)({content:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"default")]),_:2},[e.$slots["header.prepend"]?{name:"header.prepend",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"header.prepend")]),key:"0"}:void 0,e.$slots.header?{name:"header",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"header")]),key:"1"}:void 0,e.$slots["header.append"]?{name:"header.append",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"header.append")]),key:"2"}:void 0,e.$slots.footer?{name:"footer",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"footer")]),key:"3"}:void 0]),1032,["id","aria-labelledby","title","resizable","show-grip","resize-position","onResize:start","onResize","onResize:end"])):(0,t.createCommentVNode)("",!0)]),_:3},8,["name","css"])],64))}}),vc=B(dc),$c=B(pc)
+var hc=Symbol("q-tabs"),gc=["id"],yc={ref:"tabListHost",class:"q-tabs__list"},bc={class:"q-tabs__panels"},kc=(0,t.defineComponent)({__name:"QTabs",props:(0,t.mergeModels)({id:{},class:{},direction:{default:"horizontal"},align:{default:"start"},variant:{default:"line"},disabled:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const n=e,o=(0,t.useModel)(e,"modelValue"),a=(0,t.useTemplateRef)("tabListHost"),d=(0,t.useTemplateRef)("overflowRef"),r=(0,t.computed)(()=>d.value?.contentEl??null),l=(0,t.shallowRef)([]),i=(0,t.ref)({width:"0",height:"0",transform:"translate(0, 0)",opacity:"0"}),s=(0,t.ref)(!1)
 let u=null
 const{active:f}=p({active:o,required:!0});(0,t.watch)(f,e=>{o.value=e}),c({QTab:{disabled:(0,t.toRef)(n,"disabled")}})
 const m=(0,t.computed)(()=>["q-tabs",`q-tabs--${n.direction}`,`q-tabs--${n.variant}`,`q-tabs--align-${n.align}`,s.value?"q-tabs--indicator-ready":void 0,n.class])
@@ -1644,19 +1645,21 @@ u?u.disconnect():u=new ResizeObserver(()=>{h()})
 const e=a.value
 e&&u.observe(e)
 for(const t of l.value){const e=v(t)
-e&&u.observe(e)}}function y(){return l.value.filter(e=>!(0,t.unref)(e.disabled))}function b(){const e=y()
-e.length&&(e.some(e=>e.value===o.value)||(o.value=e[0].value))}let k
+e&&u.observe(e)}}const{enabledItems:y,ensureSelection:b}=function(e,n){const o=(0,t.computed)(()=>e().filter(e=>!(0,t.toValue)(e.disabled)))
+return{enabledItems:o,ensureSelection:function(){const e=o.value
+e.length&&(e.some(e=>e.value===n.value)||(n.value=e[0].value))}}}(()=>l.value,o)
+let k
 function C(){k||(k=(0,t.nextTick)(()=>{k=void 0,b()}))}return(0,t.watch)(()=>l.value.map(e=>[e.value,(0,t.unref)(e.disabled)]),()=>C()),(0,t.watch)(()=>[o.value,l.value.length,n.direction,n.variant,n.align],()=>(0,t.nextTick)(()=>{h(),function(){if(!o.value)return
 const e=l.value.find(e=>e.value===o.value)
 if(!e)return
 const t=v(e)
 t&&d.value?.scrollElementIntoView(t)}()}),{immediate:!0}),(0,t.watch)(()=>[l.value.length,n.variant],()=>(0,t.nextTick)(g),{immediate:!0}),(0,t.watch)(()=>[r.value,n.direction],()=>function(){const e=r.value
 e&&(e.setAttribute("role","tablist"),e.setAttribute("aria-orientation",n.direction))}(),{immediate:!0,flush:"post"}),(0,t.onBeforeUnmount)(()=>{u?.disconnect(),u=null}),(0,t.provide)(hc,{tabListEl:r,direction:(0,t.computed)(()=>n.direction),register:function(e){l.value=[...l.value,e],o.value?C():b()},unregister:function(e){l.value=l.value.filter(t=>t.value!==e)},updateValue:function(e,t){if(e===t)return
-const n=l.value.findIndex(t=>t.value===e);-1!==n&&(l.value=l.value.map((e,o)=>o===n?{...e,value:t}:e),o.value!==e&&o.value!==t?b():o.value=t)},focusAdjacent:function(e,t){const n=y()
+const n=l.value.findIndex(t=>t.value===e);-1!==n&&(l.value=l.value.map((e,o)=>o===n?{...e,value:t}:e),o.value!==e&&o.value!==t?b():o.value=t)},focusAdjacent:function(e,t){const n=y.value
 if(!n.length)return
 const o=n.findIndex(t=>t.value===e),a=n[-1===o?0:(o+t+n.length)%n.length]
-a.select(),a.focus()},focusFirst:function(){const e=y()[0]
-e&&(e.select(),e.focus())},focusLast:function(){const e=y(),t=e[e.length-1]
+a.select(),a.focus()},focusFirst:function(){const e=y.value[0]
+e&&(e.select(),e.focus())},focusLast:function(){const e=y.value,t=e[e.length-1]
 t&&(t.select(),t.focus())}}),(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{id:n.id,class:(0,t.normalizeClass)(m.value)},[(0,t.createElementVNode)("div",yc,[(0,t.createVNode)((0,t.unref)(mr),{ref_key:"overflowRef",ref:d,class:"q-tabs__overflow",direction:n.direction,"scroll-mode":"item","content-class":"q-tabs__tablist"},{default:(0,t.withCtx)(()=>["line"===n.variant?((0,t.openBlock)(),(0,t.createElementBlock)("div",{key:0,class:"q-tabs__indicator","aria-hidden":"true",style:(0,t.normalizeStyle)(i.value)},null,4)):(0,t.createCommentVNode)("",!0)]),_:1},8,["direction"])],512),(0,t.createElementVNode)("div",bc,[(0,t.renderSlot)(e.$slots,"default")])],10,gc))}}),Cc={class:"q-tab__title"},wc={class:"q-tab__title-text"},xc=["id","aria-labelledby","tabindex"],Bc=(0,t.defineComponent)({__name:"QTab",props:{id:{},class:{},title:{},required:{type:Boolean},disabled:{type:Boolean},value:{},texts:{default:()=>b}},setup(e){const n=e,o=(0,t.inject)(hc,void 0)
 if(!o)throw new Error("QTab: Failed to retrieve tabs context. Ensure the component is used within a QTabs context.")
 const a=Je((0,t.toRef)(n,"value")),d=Je(),r=Je(),l=v(a)
@@ -1666,13 +1669,13 @@ function m(){(i.value?.$el)?.focus?.()}function p(){u.value||l?.isActive.value||
 return t&&"ArrowRight"===e.key||!t&&"ArrowDown"===e.key?(e.preventDefault(),void o?.focusAdjacent(a.value,1)):t&&"ArrowLeft"===e.key||!t&&"ArrowUp"===e.key?(e.preventDefault(),void o?.focusAdjacent(a.value,-1)):"Home"===e.key?(e.preventDefault(),void o?.focusFirst()):void("End"===e.key&&(e.preventDefault(),o?.focusLast()))}return(0,t.onBeforeMount)(()=>{o.register({value:a.value,disabled:u,tabRef:i,focus:m,select:p})}),(0,t.watch)(a,(e,t)=>{e!==t&&o.updateValue(t,e)}),(0,t.onBeforeUnmount)(()=>{o.unregister(a.value)}),(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[s.value?((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{key:0,to:s.value},[(0,t.createVNode)((0,t.unref)(Ce),{id:(0,t.unref)(d),ref:"tabBtn",borderless:"",role:"tab",variant:"text",class:(0,t.normalizeClass)(f.value),disabled:u.value,"data-value":(0,t.unref)(a),"aria-selected":(0,t.unref)(l).isActive.value,"aria-controls":(0,t.unref)(r),"aria-required":n.required||void 0,tabindex:c.value,onClick:$,onKeydown:h},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)("span",Cc,[(0,t.renderSlot)(e.$slots,"title.prepend"),(0,t.renderSlot)(e.$slots,"title",{},()=>[(0,t.createElementVNode)("span",wc,(0,t.toDisplayString)(n.title),1)]),n.required?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Qe),{key:0,announce:"",texts:n.texts},null,8,["texts"])):(0,t.createCommentVNode)("",!0),(0,t.renderSlot)(e.$slots,"title.append")])]),_:3},8,["id","class","disabled","data-value","aria-selected","aria-controls","aria-required","tabindex"])],8,["to"])):(0,t.createCommentVNode)("",!0),(0,t.withDirectives)((0,t.createElementVNode)("div",{id:(0,t.unref)(r),class:"q-tabs__panel",role:"tabpanel","aria-labelledby":(0,t.unref)(d),tabindex:(0,t.unref)(l).isActive.value?0:void 0},[(0,t.renderSlot)(e.$slots,"default")],8,xc),[[t.vShow,(0,t.unref)(l).isActive.value]])],64))}}),_c=B(kc),Nc=B(Bc)
 var Sc=["id","required","placeholder","readonly","disabled","maxlength","rows","cols","resize","wrap"],Ec=B((0,t.defineComponent)({inheritAttrs:!1,__name:"QTextArea",props:(0,t.mergeModels)({id:{},class:{},label:{},required:{type:Boolean},for:{},labelPosition:{},size:{},readonly:{type:Boolean},disabled:{type:Boolean},invalid:{type:Boolean},placeholder:{},maxLength:{},rows:{default:3},cols:{},resize:{default:"vertical"},wrap:{default:"soft"},autosize:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const n=e,o=(0,t.useModel)(e,"modelValue"),a=(0,t.computed)({get:()=>o.value,set:e=>{const t=n.maxLength
 o.value=t?e?.slice(0,t):e}});(0,t.watch)(o,e=>a.value=e,{immediate:!0})
-const d=Je((0,t.toRef)(n,"id")),r=(0,t.computed)(()=>n.readonly||n.disabled?void 0:n.placeholder),l=(0,t.computed)(()=>({input:n.autosize?s:null})),i=(0,t.ref)(),{triggerResize:s,stop:u}=function(e){const{element:n,styleProp:o="height"}=e,a=()=>{const e=n.value
+const d=Je((0,t.toRef)(n,"id")),r=(0,t.computed)(()=>n.readonly||n.disabled?void 0:n.placeholder),l=(0,t.computed)(()=>`${d.value}_input`),i=(0,t.computed)(()=>({input:n.autosize?u:null})),s=(0,t.ref)(),{triggerResize:u,stop:c}=function(e){const{element:n,styleProp:o="height"}=e,a=()=>{const e=n.value
 if(!e)return
 e.style[o]="auto"
 const t=e.scrollHeight
 e.style[o]=`${t}px`},d=(0,t.watch)(n,a),r=(0,t.watch)(()=>n.value?.value,a)
-return{triggerResize:a,stop:()=>{d(),r()}}}({element:(0,t.computed)(()=>n.autosize?i.value:void 0),styleProp:"minHeight"})
-return(0,t.onBeforeUnmount)(u),(e,o)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Xt),{class:(0,t.normalizeClass)(["q-text-area",n.class]),for:(0,t.unref)(d),label:n.label,"label-position":n.labelPosition,size:n.size,readonly:n.readonly,disabled:n.disabled,required:n.required},(0,t.createSlots)({"label.prepend":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"label.prepend")]),"label.append":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"label.append")]),default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)("textarea",(0,t.mergeProps)({id:(0,t.unref)(d),ref_key:"textareaRef",ref:i,"onUpdate:modelValue":o[0]||(o[0]=e=>a.value=e),class:"q-text-area__input",required:n.required,placeholder:r.value,readonly:n.readonly,disabled:n.disabled,maxlength:n.maxLength,rows:n.rows,cols:n.cols,resize:n.resize,wrap:n.wrap},e.$attrs,(0,t.toHandlers)(l.value,!0)),null,16,Sc),[[t.vModelText,a.value]])]),_:2},[e.$slots.prepend?{name:"prepend",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"prepend")]),key:"0"}:void 0,e.$slots.append?{name:"append",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"append")]),key:"1"}:void 0,e.$slots.extras?{name:"extras",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"extras")]),key:"2"}:void 0]),1032,["class","for","label","label-position","size","readonly","disabled","required"]))}}))
+return{triggerResize:a,stop:()=>{d(),r()}}}({element:(0,t.computed)(()=>n.autosize?s.value:void 0),styleProp:"minHeight"})
+return(0,t.onBeforeUnmount)(c),(e,o)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(Xt),{id:(0,t.unref)(d),class:(0,t.normalizeClass)(["q-text-area",n.class]),for:l.value,label:n.label,"label-position":n.labelPosition,size:n.size,readonly:n.readonly,disabled:n.disabled,required:n.required},(0,t.createSlots)({"label.prepend":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"label.prepend")]),"label.append":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"label.append")]),default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)("textarea",(0,t.mergeProps)({id:l.value,ref_key:"textareaRef",ref:s,"onUpdate:modelValue":o[0]||(o[0]=e=>a.value=e),class:"q-text-area__input",required:n.required,placeholder:r.value,readonly:n.readonly,disabled:n.disabled,maxlength:n.maxLength,rows:n.rows,cols:n.cols,resize:n.resize,wrap:n.wrap},e.$attrs,(0,t.toHandlers)(i.value,!0)),null,16,Sc),[[t.vModelText,a.value]])]),_:2},[e.$slots.prepend?{name:"prepend",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"prepend")]),key:"0"}:void 0,e.$slots.append?{name:"append",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"append")]),key:"1"}:void 0,e.$slots.extras?{name:"extras",fn:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"extras")]),key:"2"}:void 0]),1032,["id","class","for","label","label-position","size","readonly","disabled","required"]))}}))
 var Mc=Symbol.for("q-toast")
 function qc(e,t,n){const o=e.get(t)
 o&&!o.settled?(o.reject(n),e.delete(t)):e.delete(t)}function Pc(e,t){const n=e.toasts.value[t]

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.25.0
+ * Quidgest UI v0.26.0
  * (c) 2026 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -804,6 +804,19 @@ body {
   .q-icon {
     color: currentcolor;
   }
+  
+  
+  &__content,
+  &__remove {
+    .q-icon__svg,
+    .q-icon__img {
+      width: var(--q-icon-size-sm);
+      height: var(--q-icon-size-sm);
+    }
+    .q-icon__font {
+      font-size: var(--q-icon-size-sm);
+    }
+  }
   &__remove.q-button {
     padding: var(--q-control-padding-y-sm);
     min-width: fit-content;
@@ -2173,7 +2186,7 @@ body {
 }
 .q-divider {
   --q-divider-thickness: 1px;
-  --q-divider-color: var(--q-theme-neutral-light);
+  --q-divider-color: var(--q-border-color);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2953,13 +2966,17 @@ $input-group-addon-background: rgb(var(--q-theme-neutral-light-rgb) / 25%);
       margin-left: -1px;
     }
   }
+  
+  
+  &.q-field:not(.q-field--disabled) > .q-field__control:focus-within {
+    outline: none;
+  }
   > .q-field__control {
     display: flex;
     align-items: stretch;
     height: auto;
     border-width: 0;
     padding: 0;
-    outline: none !important;
     > * + * {
       margin-left: -1px;
     }
@@ -3098,8 +3115,13 @@ $q-line-loader-color: var(--q-line-loader-color);
       cursor: not-allowed;
     }
   }
+  
   &--selected {
-    background-color: var(--q-theme-primary-light) !important;
+    background-color: var(--q-theme-primary-light);
+    &:hover,
+    &:focus {
+      background-color: var(--q-theme-primary-light);
+    }
   }
   em {
     font-style: normal;
@@ -3473,7 +3495,7 @@ $q-line-loader-color: var(--q-line-loader-color);
   
   --q-overlay-bg: var(--q-theme-container);
   --q-overlay-color: var(--q-theme-neutral-dark);
-  --q-overlay-border-color: var(--q-theme-neutral-light);
+  --q-overlay-border-color: var(--q-border-color);
   --q-overlay-arrow-gap: var(--q-space-2);
   --q-overlay-arrow-size: calc(var(--q-overlay-arrow-gap) * 1.4142);
   --q-overlay-arrow-tip-radius: calc(var(--q-space-1) * 0.4);
@@ -3874,11 +3896,8 @@ $q-line-loader-color: var(--q-line-loader-color);
     }
   }
 }
-$table-header-bg: rgb(var(--q-theme-neutral-light-rgb) / 25%);
-$row-hover-bg: rgb(var(--q-theme-primary-light-rgb) / 50%);
-$row-selected-bg: rgb(var(--q-theme-primary-rgb) / 15%);
-$base-border: var(--q-border-width) solid rgb(var(--q-theme-neutral-light-rgb) / 50%);
 .q-property-list {
+  $base-border: var(--q-border-width) solid var(--q-border-color);
   margin: 0;
   font-size: var(--q-font-size-md);
   display: inline-flex;
@@ -3922,12 +3941,12 @@ $base-border: var(--q-border-width) solid rgb(var(--q-theme-neutral-light-rgb) /
     }
   }
   &__header {
-    background: $table-header-bg;
+    background: rgb(var(--q-theme-neutral-light-rgb) / 25%);
     height: calc(var(--q-space-1) * 6.25); 
   }
   &__row {
     &:hover {
-      background-color: $row-hover-bg;
+      background-color: rgb(var(--q-theme-primary-light-rgb) / 50%);
     }
     .q-field:not(.q-field--readonly) .q-field__control {
       background-color: var(--q-theme-background);
@@ -3936,7 +3955,7 @@ $base-border: var(--q-border-width) solid rgb(var(--q-theme-neutral-light-rgb) /
       display: none;
     }
     &--selected {
-      background-color: $row-selected-bg;
+      background-color: rgb(var(--q-theme-primary-rgb) / 15%);
     }
   }
   &__cell {
@@ -4168,7 +4187,7 @@ $base-border: var(--q-border-width) solid rgb(var(--q-theme-neutral-light-rgb) /
     margin: 0;
     margin-top: var(--q-space-1);
     display: flex;
-    align-items: flex-start;
+    align-items: center;
     width: fit-content;
     gap: var(--q-space-1);
     margin-bottom: var(--q-space-2);
@@ -4187,7 +4206,7 @@ $base-border: var(--q-border-width) solid rgb(var(--q-theme-neutral-light-rgb) /
   &--minor-border-top {
     background-color: transparent;
     border: none;
-    border-top: var(--q-border-width) solid var(--q-theme-neutral-light);
+    border-top: var(--q-border-width) solid var(--q-border-color);
     border-radius: 0;
     margin-top: var(--q-space-2);
     padding: var(--q-space-1) 0;
@@ -4206,7 +4225,7 @@ $base-border: var(--q-border-width) solid rgb(var(--q-theme-neutral-light-rgb) /
     }
   }
   &--title-background {
-    padding: 0 !important;
+    padding: 0;
     &::before {
       position: absolute;
       top: 0;
@@ -4433,8 +4452,13 @@ $sidebar-sizes: (
   border-radius: 0;
   border-width: 0;
   border-bottom-width: var(--q-border-width);
-  border-bottom-color: var(--q-sidebar-border-color) !important;
+  border-bottom-color: var(--q-sidebar-border-color);
   font-size: calc(var(--q-font-size-sm) * 0.8);
+  
+  
+  &:hover:not(:disabled) {
+    border-bottom-color: var(--q-sidebar-border-color);
+  }
   .q-icon {
     font-size: var(--q-icon-size-lg);
   }

package/esm/components/QSection/QSection.d.ts

@@ -2,6 +2,8 @@ import { QSectionProps } from '.';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        'title.prepend'?(_: {}): any;
+        'title.append'?(_: {}): any;
         default?(_: {}): any;
     };
     refs: {};

package/esm/components/QSection/QSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSection/QSection.vue"],"names":[],"mappings":"AAcA;AA4CC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AA8BvC,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;wFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSection/QSection.vue"],"names":[],"mappings":"AAkBA;AAgDC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AA8BvC,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;iCAZb,GAAG;gCACJ,GAAG;yBACV,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;wFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QSection/QSection.vue.js

@@ -1,9 +1,9 @@
-import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, toDisplayString as c } from "vue";
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, toDisplayString as l } from "vue";
 //#region src/components/QSection/QSection.vue?vue&type=script&setup=true&lang.ts
-var l = ["id"], u = {
+var u = ["id"], d = {
 	key: 0,
 	class: "q-section__title"
-}, d = { class: "q-section__content" }, f = /*@__PURE__*/ i({
+}, f = { class: "q-section__content" }, p = /*@__PURE__*/ a({
 	__name: "QSection",
 	props: {
 		id: {},
@@ -13,21 +13,25 @@ var l = ["id"], u = {
 		variant: { default: "default" },
 		block: { type: Boolean }
 	},
-	setup(i) {
-		let f = i, p = e(() => [
+	setup(a) {
+		let p = a, m = e(() => [
 			"q-section",
-			f.variant === "default" ? void 0 : `q-section--${f.variant}`,
+			p.variant === "default" ? void 0 : `q-section--${p.variant}`,
 			{
-				"q-section--block": f.block,
-				"q-section--borderless": f.borderless
+				"q-section--block": p.block,
+				"q-section--borderless": p.borderless
 			},
-			f.class
+			p.class
 		]);
-		return (e, i) => (o(), n("div", {
-			id: f.id,
-			class: a(p.value)
-		}, [f.title ? (o(), n("div", u, c(f.title), 1)) : t("v-if", !0), r("div", d, [s(e.$slots, "default")])], 10, l));
+		return (e, a) => (s(), n("div", {
+			id: p.id,
+			class: o(m.value)
+		}, [p.title ? (s(), n("div", d, [
+			c(e.$slots, "title.prepend"),
+			i(" " + l(p.title) + " ", 1),
+			c(e.$slots, "title.append")
+		])) : t("v-if", !0), r("div", f, [c(e.$slots, "default")])], 10, u));
 	}
 });
 //#endregion
-export { f as default };
+export { p as default };

package/esm/components/QSection/index.d.ts

@@ -18,6 +18,8 @@ declare const QSection: {
     variant: import('./types').QSectionVariant;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
+        'title.prepend'?(_: {}): any;
+        'title.append'?(_: {}): any;
         default?(_: {}): any;
     };
 });

package/esm/components/QSection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSection/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA;AAGnB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSection/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA;AAGnB,cAAc,SAAS,CAAA"}

package/esm/components/QTabs/QTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/QTabs.vue"],"names":[],"mappings":"AAyBA;AAycC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,EAEN,QAAQ,EASR,MAAM,KAAK,CAAA;AAGZ,KAAK,WAAW,GAAG,UAAU,CAAC;AAkZ/B,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAiET,OAAO,IAA6B;;yBAZrB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA+D0e,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA9C/nB;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+Bqf,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;kBArB9nB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QTabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTabs/QTabs.vue"],"names":[],"mappings":"AAyBA;AAgcC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,EAEN,QAAQ,EASR,MAAM,KAAK,CAAA;AAGZ,KAAK,WAAW,GAAG,UAAU,CAAC;AAuY/B,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAiET,OAAO,IAA6B;;yBAZrB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA+DgzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA9Cr8B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+B2zB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;kBArBp8B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}