@quidgest/ui 0.19.0 → 0.20.0

package/dist/ui.scss

@@ -1,11 +1,277 @@
 /*!
- * Quidgest UI v0.19.0
+ * Quidgest UI v0.20.0
  * (c) 2026 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
 @use 'sass:math';
 @use 'sass:map';
 
+[class*=' flag:'],[class^='flag:'] {display:inline-block;background-size:cover;height:1em;width:1.5em;--CountryFlagIcon-height:1em;height:var(--CountryFlagIcon-height);width:calc(var(--CountryFlagIcon-height)*3/2);}
+.flag\:AC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AD{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AQ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AX{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:AZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BB{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BD{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BJ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BQ-BO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BQ-SA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BQ-SE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BQ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BV{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:BZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CD{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CV{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CX{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:CZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:DE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:DJ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:DK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:DM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:DO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:DZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:EC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:EE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:EG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:EH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ER{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ES-CT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ES{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ET{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:EU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:FI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:FJ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:FK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:FM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:FO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:FR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GB-ENG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GB-NIR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GB-SCT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GB-WLS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GB{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GD{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GP{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GQ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:GY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:HK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:HM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:HN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:HR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:HT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:HU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ID{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IQ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:IT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:JE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:JM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:JO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:JP{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KP{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:KZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LB{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LV{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:LY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MD{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ME{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ML{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MP{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MQ{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 900 600' xmlns='http:
+.flag\:MR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MV{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MX{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:MZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NP{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:NZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:OM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:PY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:QA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:RE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:RO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:RS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:RU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:RW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SB{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SD{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SJ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ST{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SV{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SX{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:SZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TD{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TH{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TJ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TL{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TR{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TV{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:TZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:UA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:UG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:UM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:US{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:UY{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:UZ{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:VA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:VC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:VE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:VG{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:VI{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:VN{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:VU{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:WF{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:WS{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:XA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:XC{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:XK{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:XO{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:YE{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:YT{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ZA{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ZM{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
+.flag\:ZW{background-image:url("data:image/svg+xml,%3csvg xmlns='http:
 *,
 ::before,
 ::after {
@@ -2497,7 +2763,7 @@ $q-line-loader-color: var(--q-line-loader-color);
     }
   }
   &:hover,
-  &:focus-visible,
+  &:focus,
   &--highlighted {
     background-color: rgb(var(--q-theme-primary-light-rgb) / 50%);
   }
@@ -2530,9 +2796,14 @@ $q-line-loader-color: var(--q-line-loader-color);
   }
   &__check-container {
     display: flex;
+    align-items: center;
     margin-left: auto;
     min-width: 1em;
-    align-self: flex-start;
+    min-height: 1.15rem;
+    align-self: center;
+    &--top {
+      align-self: flex-start;
+    }
   }
   &__description {
     display: flex;
@@ -2786,6 +3057,103 @@ $arrow-tip-radius: 0.1rem;
     padding: 0.25rem 0;
   }
 }
+.q-phone-field {
+  &__country-select {
+    flex: 0 0 auto;
+    align-self: stretch;
+    width: auto;
+    > .q-field__control {
+      height: 100%;
+      width: max-content;
+      min-width: max-content;
+      padding-block: 0;
+      padding-inline: $space-base $space-base * 2;
+    }
+    .q-field__prepend {
+      padding-inline: 0 $space-base;
+    }
+    .q-field__append {
+      padding-inline: $space-base 0;
+    }
+  }
+  &__input {
+    flex: 1 1 auto;
+    width: 100%;
+    min-width: 0;
+    > .q-field__control {
+      height: 100%;
+      min-width: 0;
+    }
+    .q-text-field__input::placeholder {
+      color: var(--q-theme-neutral-dark);
+    }
+  }
+  &__flag,
+  &__flag-fallback {
+    display: inline-flex;
+    flex: 0 0 auto;
+    align-items: center;
+    justify-content: center;
+    width: 1.5em;
+    aspect-ratio: 3 / 2;
+    overflow: hidden;
+    border-radius: calc(var(--border-radius) / 2);
+  }
+  &__flag {
+    background-position: center;
+    background-color: rgb(var(--q-theme-neutral-light-rgb) / 25%);
+    color: transparent;
+  }
+  &__flag-code {
+    
+    
+    
+    
+    color: var(--CountryFlagIcon-height, var(--q-theme-neutral-dark));
+    font-size: 0.65em;
+    font-weight: $font-weight-bold;
+  }
+  &__flag-fallback {
+    background-color: rgb(var(--q-theme-neutral-light-rgb) / 25%);
+    color: var(--q-theme-neutral-dark);
+    font-size: 0.65em;
+    font-weight: $font-weight-bold;
+  }
+  &__validation-message {
+    color: var(--q-theme-danger);
+  }
+}
+.q-phone-field__search {
+  align-self: stretch;
+  width: auto;
+  margin-inline: $space-base;
+  .q-text-field__input::placeholder {
+    color: var(--q-theme-neutral-dark);
+  }
+  & + .q-select__items {
+    --q-phone-field-country-list-max-height: 15rem;
+    width: 100%;
+    min-width: 0;
+    max-height: var(--q-phone-field-country-list-max-height);
+  }
+}
+.q-phone-field__country-name {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.q-phone-field__item-code {
+  margin-inline-start: auto;
+  color: var(--q-theme-neutral-dark);
+  white-space: nowrap;
+}
+.q-phone-field__empty {
+  width: 100%;
+  color: var(--q-theme-neutral-dark);
+  padding: $space-base * 4 $space-base * 2;
+  text-align: center;
+}
 .q-popover {
   &__content {
     position: relative;
@@ -3273,8 +3641,7 @@ $base-border: 1px solid rgb(var(--q-theme-neutral-light-rgb) / 50%);
     outline: none;
     .q-list-item {
       width: calc(100% - 2 * $space-base);
-      margin-left: $space-base;
-      margin-right: $space-base;
+      margin-inline: $space-base;
     }
   }
   &__items {
@@ -3294,8 +3661,7 @@ $base-border: 1px solid rgb(var(--q-theme-neutral-light-rgb) / 50%);
   }
   
   .q-field__prepend {
-    padding-left: $space-base * 2;
-    padding-right: $space-base * 2;
+    padding-inline: $space-base * 2;
   }
 }
 $sidebar-size-small: 19rem;

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

@@ -1 +1 @@
-{"version":3,"file":"QField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QField/QField.vue"],"names":[],"mappings":"AA2CA;AA4FC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AA+CrC,iBAAS,cAAc;WAgGT,OAAO,IAA6B;;iCAlBb,GAAG;gCACJ,GAAG;yBACV,GAAG;yBACH,GAAG;yBACF,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;;;EAiB/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;OASnB,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":"QField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QField/QField.vue"],"names":[],"mappings":"AA2CA;AA4FC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AA+CrC,iBAAS,cAAc;WAgGT,OAAO,IAA6B;;iCAlBb,GAAG;gCACJ,GAAG;yBACV,GAAG;yBACH,GAAG;yBACF,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;;;EAiB/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;OASnB,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/QField/QField.vue.js

@@ -48,7 +48,7 @@ var m = ["id"], h = {
 				label: y.label,
 				"label-position": y.labelPosition,
 				for: y.for,
-				required: y.required
+				required: x.value
 			}, {
 				prepend: p(() => [u(t.$slots, "label.prepend")]),
 				append: p(() => [u(t.$slots, "label.append")]),

package/esm/components/QInputGroup/QInputGroup.d.ts

@@ -9,13 +9,157 @@ declare function __VLS_template(): {
         append?(_: {}): any;
         extras?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        field: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly id?: string | undefined;
+                readonly class?: string | unknown[] | undefined;
+                readonly label?: string | undefined;
+                readonly required?: boolean | undefined;
+                readonly for?: string | undefined;
+                readonly labelPosition?: import('..').QLabelPosition | undefined;
+                readonly size?: import('..').QFieldSize | undefined;
+                readonly readonly?: boolean | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly invalid?: boolean | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                field: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
+                fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                size: import('..').QFieldSize;
+                labelPosition: import('..').QLabelPosition;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            size: import('..').QFieldSize;
+            labelPosition: import('..').QLabelPosition;
+        }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "fieldRef" | ("size" | "labelPosition")> & {
+            fieldRef: HTMLDivElement | null;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                'label.prepend'?(_: {}): any;
+                'label.append'?(_: {}): any;
+                control?(_: {}): any;
+                prepend?(_: {}): any;
+                default?(_: {}): any;
+                append?(_: {}): any;
+                extras?(_: {}): any;
+            };
+        }) | null;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<QInputGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QInputGroupProps> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<QInputGroupProps, {
+    fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QInputGroupProps> & Readonly<{}>, {
     size: import('..').QFieldSize;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    field: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly id?: string | undefined;
+            readonly class?: string | unknown[] | undefined;
+            readonly label?: string | undefined;
+            readonly required?: boolean | undefined;
+            readonly for?: string | undefined;
+            readonly labelPosition?: import('..').QLabelPosition | undefined;
+            readonly size?: import('..').QFieldSize | undefined;
+            readonly readonly?: boolean | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly invalid?: boolean | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            field: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('..').QFieldProps> & Readonly<{}>, {
+            fieldRef: Readonly<import('vue').ShallowRef<HTMLDivElement | null>>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            size: import('..').QFieldSize;
+            labelPosition: import('..').QLabelPosition;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        size: import('..').QFieldSize;
+        labelPosition: import('..').QLabelPosition;
+    }> & Omit<Readonly<import('..').QFieldProps> & Readonly<{}>, "fieldRef" | ("size" | "labelPosition")> & {
+        fieldRef: HTMLDivElement | null;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            'label.prepend'?(_: {}): any;
+            'label.append'?(_: {}): any;
+            control?(_: {}): any;
+            prepend?(_: {}): any;
+            default?(_: {}): any;
+            append?(_: {}): any;
+            extras?(_: {}): any;
+        };
+    }) | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"QInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/QInputGroup.vue"],"names":[],"mappings":"AAuCA;AAuEC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAA;AAkB1C,iBAAS,cAAc;WAgHT,OAAO,IAA6B;;iCAfb,GAAG;gCACJ,GAAG;yBACT,GAAG;yBACH,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;6EAQnB,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":"QInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/QInputGroup.vue"],"names":[],"mappings":"AA2CA;AAoFC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAA;AA8B1C,iBAAS,cAAc;WA2HT,OAAO,IAA6B;;iCAhBb,GAAG;gCACJ,GAAG;yBACT,GAAG;yBACH,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA2DyrkB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EA3C90kB;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+BoskB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArB70kB,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"}